<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">

<head>
	<title>注册</title>
	<!-- Meta tags -->
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">

	<!-- Style -->
	<link rel="stylesheet" th:href="@{css/register.css}" type="text/css" media="all" />
	
	<!-- JavaScript -->
	<script th:src="@{plugins/jquery-3.6.0/jquery-3.6.0.min.js}" type="text/javascript"></script>
	<script th:src="@{js/register.js}" type="text/javascript" charset="utf-8"></script>
</head>

<body>
	<!-- Signup form -->
	<section class="w3l-signup">
		<div class="overlay">
			<div class="wrapper">
				<div class="logo">
					<a class="brand-logo" href="index">稻香</a>
				</div>
				<div style="text-align: center; width: 100%; color: #FFF" th:text="${error==null?'':error}"></div>
				<div class="form-section">
					<h3>注册</h3>
					<form action="register" method="post" class="signin-form" id="myForm" onsubmit="return validForm()">
						<div class="form-input">
							<input type="text" name="username" id="username" placeholder="请输入用户名" required="" autofocus>
						</div>
						<div class="form-input">
							<input type="password" name="password" id="password" placeholder="请输入密码" required="" autofocus>
						</div>
						<div class="form-input">
							<input type="password" name="rePassword" id="rePassword" placeholder="请再次输入密码" required="">
						</div>
						<button type="submit" class="btn btn-primary theme-button mt-4">立即注册</button>
					</form><p class="signup">已有账号？ <a href="jump?pg=reception/login" class="signuplink">立即登录</a></p>
				</div>
			</div>
		</div>
		<div id='stars'></div>
		<div id='stars2'></div>
		<div id='stars3'></div>

		<!-- copyright -->
		<div class="copy-right">
			<p>Copyright &copy; 稻香公司 版权所有</p>
		</div>
		<!-- //copyright -->
	</section>

	<!-- /Signup form -->
</body>

</html>